{strip}

<div style="margin: auto;padding: 0px; width: 970px;">
	<h2 style="margin-bottom: 0px; margin-top: 0px; font-size: 50pt; color:#F0F6F9; padding: 0px;text-align: center;">CHECKOUT</h2>
	<div id="checkoutSummary" >
	<p style="border-bottom: 2px solid #EEEEEE; width: 380px; text-align: left;margin-bottom: 10px;"><strong>ORDER</strong> <font style="color: #11A6DD;"><strong>{$or->getId()}/{$or->getOrderDate()}</strong></font></p>
        <div>
        	
               <div class="orders_list" style="margin-bottom: 20px; padding: 10px;">
			<div class="left">
				<div class="left">
					<h4 style="padding: 0px; margin: 0px; margin-bottom: 5px; margin-right: 50px;"></h4>
					
				</div>
				
				<div class="clear"></div>
				<div>
					<div class="left">
						<p style="margin-top: 20px;margin-bottom: 20px; margin-right: 10px; font-size: 11pt;">ORDER STATUS
					</div> 
					{foreach $or->getStatusChanges() as $st}
						<div class="left" style="background-color: #FCEFE2">
							<p style="text-align: center;">{$st.status}</p>
							<p style="background-color: {if $st.id != ''}#59A446{else}#CD3626{/if}; width: 110px; height: 20px; border-right: 2px solid #EEE; border-bottom: 2px solid #EEE;"> </p>
							<p style="font-size: 7pt; text-align: center; width: 110px; height: 20px; ">{$st.add_date}</p>
						</div>
					{/foreach}
					<div class="left">
						{$or->getShippingService()->getThumb(65,65)}
					</div>
					<div class="clear"> </div>
				</div>
				
			</div>
			<div class="clear"> </div>
			
			
			<div id="accountCheckoutSummary">
				<div class="checkoutList">
	               		<div class="checkoutShippingAddress left" style="height: auto; font-size: 10pt"><strong>Shipping Address</strong></div>
	               		<div class="checkoutBillingAddress left" style="height: auto; font-size: 10pt"><strong>Billing Address</strong></div>
	               		<div class="checkoutPaymentMethod left" style="height: auto; font-size: 10pt"><strong>Payment Method</strong></div>
	               		<div class="clear"></div>
	               		<div class="checkoutShippingAddress left">
	               			{$or->getSaddrFirstName()} {$or->getSaddrLastName()}<br />
	               			{if $or->getBaddrCompanyName() != ''}<br />{/if}
	               			{$or->getSaddrStreet()} {$or->getSaddrBuildingNo()}{if $or->getSaddrApartmentNo() != ''}/{$or->getSaddrApartmentNo()}{/if}<br />
	               			{$or->getSaddrPostcode()} {$or->getSaddrCity()}<br />
	               			{$or->getSaddrCountry()}
	            
	               		</div>
	               		<div class="checkoutBillingAddress left">
	               			{if $or->getBaddrCompanyName() != ''}{$or->getBaddrCompanyName()}<br />{/if}
	               			{$or->getBaddrFirstName()} {$or->getBaddrLastName()}<br />
	               			{$or->getBaddrStreet()} {$or->getBaddrBuildingNo()}{if $or->getBaddrApartmentNo() != ''}/{$or->getBaddrApartmentNo()}{/if}<br />
	               			{$or->getBaddrPostcode()} {$or->getBaddrCity()}<br />
	               			{$or->getBaddrCountry()}
	            		</div>
	            		
	               		<div class="checkoutPaymentMethod left">
	               			<img src="/public/styles/images/p1L.png" sidth="100" height="55" style="padding: 5px;"/>
	               		</div>
	               		
	               		<div class="clear"></div><br />
	            </div>
				<hr size="1" />
               	<div class="basketList">
               		<div class="basketListArticle left" style="height: auto; text-align: center;">Article</div>
               		<div class="basketListArtwork left" style="height: auto; text-align: center;">Artwork</div>
               		<div class="basketListProduction left" style="height: auto; text-align: center;">Skin Production</div>
               		<div class="basketListQuantity left" style="height: auto; text-align: center;">Quantity</div>
               		<div class="basketListTotal right" style="height: auto; text-align: center;">TOTAL</div>
               	</div>
               	<div class="clear"> </div>
            
			{foreach $or->getDetailsSplited() as $det}
				
					<div class="{cycle values='basketListBlue,basketListPink'}" style="width: 100%; height: 55px;">
                		<div class="basketListArticle left" >
                			<div class="left"  style="border-right: 2px solid #DDD; border-bottom: 2px solid #DDD; margin-top: 5px;margin-left: 2px;">{$det->getArtwork()->getArtwork()->getThumb($thumbs->checkout->width, $thumbs->checkout->height)}</div>
                			<div class="left " style="width: 90px; border: 0px; margin: 2px; font-size: 8pt;">
              				
	               				<p><strong>Title:</strong> {$det->getArtwork()->getName()}</p>
                				<p><strong>By:</strong> {$det->getArtwork()->getArtwork()->getDesigner()}</p>

                			</div>
                			<div class="clear"> </div>
                			
                		</div>
                		<div class="basketListArtwork left">
                			<div class="left " style="width: 90px; border: 0px; margin: 2px; ">
                				<p class="" style="font-size: 10pt; text-align: center; padding: 5px;"><strong>&euro; {$det->getArtworkPrice()|string_format:"%.2f"}</strong></p>
                			</div>
                		</div>
                		<div class="basketListProduction left" style="text-align: center;">
                			<div class="left"  style="background: #FFFFFF; border-right: 2px solid #DDD; border-bottom: 2px solid #DDD;  margin-top: 2px;margin-left: 2px;">
                				{$det->getDevice()->getThumb($thumbs->checkout->width, $thumbs->checkout->height)}
                			</div>
                				<p class="" style="font-size: 10pt;padding: 5px;"><strong>&euro; {$det->getOveralPrintingPrice()|string_format:"%.2f"}</strong></p>
                				<p class="" style="font-size: 9pt;"><i>
                				(for {$det->getDevice()->getDeviceManufacturer()->getManufacturer()} {$det->getDevice()->getModel()|escape}&nbsp;/&nbsp; 
                					{foreach $det->getMatrices() as $m}
                						{if $m@index == 0}
                							{$m->getName()}
                						{else}
                							&nbsp;& {$m->getName()}
                						{/if}
                					{/foreach})</i>
                				</p>
                		</div>
                		<div class="basketListQuantity left">
                			<p style="text-align: center; margin-top: 5px; ">
                				{$det->getQuantity()}
                			</p>
                		</div>
                		
                		<div class="basketListTotal right">
                			<strong><p style="font-size: 10pt; text-align: center; padding: 2px; margin-top:5px;">&euro; <font class="tPrice" id="tPrice_{$det@index}">{(($det->getQuantity()*$det->getPrintingPrice())+$det->getArtworkPrice())|string_format:"%.2f"}</font></p></strong>
                		</div>
                		<div class="clear"> </div>
                	</div>
                	<div class="clear"></div>
			{/foreach}
			</div>
		</div>

		</div>
	</div>
</div>

		

{/strip}